<!DOCTYPE html>
<html lang="zh-cn" class="webp">

<style>
    .shouye {
        position: fixed;
        width: 100%;
        top: 0px;
        left: 0px;
        display: none;
        z-index: 10000;
    }

    .shouye img {
        width: 100%;
        top: 0px;
        left: 0px;
    }

</style>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=yes">
    <meta name="keywords" content="{$appName},{$appName}官网">
    <meta name="description" content="{$appName}是一款快速找到男神女神的社交APP。通过人脸识别进行真人认证保证了女生的真实性，邀请制及会员制确保男生的诚心。手机下载{$appName}APP，实现交友零距离。">
    <meta name="baidu-site-verification" content="HsDqFvJz4C">
    <title>{$appName}官网</title>
    {load href="__JS__hm.js"}
    <script>
        (function () {
            var isSupportWebp = !![].map && document.createElement('canvas').toDataURL('image/webp').indexOf(
                'data:image/webp') === 0
            if (isSupportWebp) {
                document.documentElement.classList.add('webp')
            }
        }())
    </script>
    {load href="__CSS__index.48cd0abdee5e67b510a4.css"}
</head>

<body onLoad="isQQBrowser();">
<div class="shouye" id="weixin" ><img src=__IMG__bg.jpg>"</div>
<div id="page">
    <header class="page-header">
        <div class="page-header-fixed">
            <div class="container-wrap">
                <a href="javascript:;" class="header-logo">{$appName}</a>
                <div class="pc-media header-pc-nav">
                    <a href="javascript:;" onclick="openApp()" class="btn btn-primary" id="pcNavDownload">下载客户端</a>
                </div>
            </div>
        </div>
    </header>
    <div class="page-nav" id="pageNav">
        <nav class="page-nav-list">
            <a href="javascript:;" class="active">首页</a>
            <a href="javascript:;">联系我们</a>
            <a href="javascript:;" id="mobileNavDownload">下载客户端</a>
        </nav>
    </div>
    <article class="home-article">
        <section class="home-section home-introduce">
            <div class="home-introduce-main">
                <h1 class="slogan">{$appName}， 快速可靠的交友平台</h1>
                <div class="explain">{$appName}通过人工审核和会员制度，保证用户的真实性和可靠性，你可以发布交友节目，附近感兴趣的人则会快速报名参与，来和男神女神进行一场零距离交友吧。</div>
                <a href="javascript:;" class="mobile-media btn-download" onclick="openApp()" id="homeMobileDownload">立即下载</a>
                <div class="pc-media download-group">
                    <div class="download-qrcode">
                        <div id="downloadQrcode"></div>
                        <div class="title">手机扫码下载</div>
                    </div>
                    <div class="download-links">
                        <a class="item" href="javascript:;" onclick="openApp()" data-stats="iOS,download,AppStore">
                            <i class="icon-ios"></i>
                            <div class="text">苹果客户端下载</div>
                        </a>
                        <a class="item" href="javascript:;" onclick="openApp()" data-stats="Android,download,official">
                            <i class="icon-android"></i>
                            <div class="text">安卓客户端下载</div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="pc-media phone-preview"></div>
        </section>
        <section class="home-section home-article-module">
            <ul class="mobile-media article-tab">
                <li class="active"><span><i class="icon-faq"></i>常见问题</span></li>
            </ul>
            <div class="article-panel">
                <div class="panel-item active">
                    <div class="pc-media article-panel-header">
                        <div class="title"><i class="icon-faq"></i>常见问题</div>
                    </div>
                    <ul class="home-content-list">
                        <li><a href="{:url('page', ['page' => 1])}">{$appName}如何下载充值，哪个才是真的？</a></li>
                        <li><a href="{:url('page', ['page' => 2])}">{$appName}如何更新到最新版本，需要注意什么？</a></li>
                        <li><a href="{:url('page', ['page' => 3])}">{$appName}邀请码怎么申请？</a></li>
                        <li><a href="{:url('page', ['page' => 4])}">真人认证和女神认证有什么区别？</a></li>
                        <li><a href="{:url('page', ['page' => 5])}">{$appName}的账号为什么会被冻结？冻结了怎么办？</a></li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="home-section home-feature">
            <ul class="mobile-media home-feature-list" id="homeMobileText">
                <li class="">
                    <h2 class="title">快速交友的平台</h2>
                    <div class="explain">快速找到真实可靠的男神女神进行交友</div>
                </li>
                <li class="">
                    <h2 class="title">丰富的交友节目</h2>
                    <div class="explain">在广播里发布各种类型的交友节目，清晰直接高效</div>
                </li>
                <li class="">
                    <h2 class="title">真实可靠的用户</h2>
                    <div class="explain">视频认证确保女士真实性，邀请制付费制确保男士可靠性</div>
                </li>
                <li class="">
                    <h2 class="title">实时距离与时间</h2>
                    <div class="explain">推荐附近的男神女神，显示对方的实时距离和登录时间</div>
                </li>
                <li class="active">
                    <h2 class="title">完善的隐私保护</h2>
                    <div class="explain">阅后即焚&amp;申请查看，你可以只给喜欢的人看到你的资料</div>
                </li>
            </ul>
            <ul class="pc-media home-feature-list-pc">
                <li class="">
                    <h2 class="title">快速交友的平台</h2>
                    <div class="explain">快速找到真实可靠的男神女神进行交友</div>
                </li>
                <li class="">
                    <h2 class="title">丰富的交友节目</h2>
                    <div class="explain">在广播里发布各种类型的交友节目，清晰直接高效</div>
                </li>
                <li class="">
                    <h2 class="title">真实可靠的用户</h2>
                    <div class="explain">视频认证确保女士真实性，邀请制付费制确保男士可靠性</div>
                </li>
            </ul>
            <ul class="home-feature-interface" id="homeInterface">
                <li class="interface interface-01 second-floor"
                    style="z-index: 9; transform: translateX(18px) scale(0.95);">
                    <div class="img"></div>
                </li>
                <li class="interface interface-02 third-floor"
                    style="z-index: 8; transform: translateX(36px) scale(0.9);">
                    <div class="img"></div>
                </li>
                <li class="interface interface-03 third-floor"
                    style="z-index: 7; transform: translateX(72px) scale(0.9);">
                    <div class="img"></div>
                </li>
                <li class="interface interface-04 third-floor"
                    style="z-index: 6; transform: translateX(90px) scale(0.9);">
                    <div class="img"></div>
                </li>
                <li class="interface interface-05 active" style="z-index: 10; transform: translateX(0px) scale(1);">
                    <div class="img"></div>
                </li>
            </ul>
            <ul class="pc-media home-feature-list-pc justify-start">
                <li class="">
                    <h2 class="title">实时距离与时间</h2>
                    <div class="explain">推荐附近的男神女神，显示对方的实时距离和登录时间</div>
                </li>
                <li class="active">
                    <h2 class="title">完善的隐私保护</h2>
                    <div class="explain">阅后即焚&amp;申请查看，你可以只给喜欢的人看到你的资料</div>
                </li>
            </ul>
        </section>
    </article>
</div>

<p style="text-align: center; padding: 30px 0px 20px 0px">
    {$config.bottom}
</p>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement('script')
        hm.src = 'https://hm.baidu.com/hm.js?4909a2d6e3ed779f0e7aacc9e22b28ff'
        var s = document.getElementsByTagName('script')[0]
        s.parentNode.insertBefore(hm, s)
    })()
</script>

{load href="__JS__manifest.4415b7b67886b1760c91.js"}
{load href="__JS__vendors.efaef699fa6cfb277c88.js"}
{load href="__JS__index.54cc74b2f3bfc5b99dc1.js"}
{load href="__JS__qrcode.js"}

<div class="dialog-overlay" style="display: none;"></div>
<div class="dialog-download" style="display: none;">
    <div class="header">
        <div class="header-title">下载{$appName}</div>
        <button class="btn-close"></button>
    </div>
    <div class="platform-download">
        <div class="figure"><img class="qrcode" width="80" height="80" id="qrcode" src="http://qr.liantu.com/api.php?text={$appSite}"></div>
        <div class="figure-desc">使用手机扫码下载</div>
        <div class="download-url">
            <a href="javascript:;" onclick="openApp()" rel="nofollow" data-stats="Android,download,official">Android下载</a>
            <a href="javascript:;" onclick="openApp()" data-stats="iOS,download,AppStore" rel="nofollow">iOS下载</a>
        </div>
    </div>
</div>
<div class="wx-remind" style="display: none;"><i class="icon"></i>
    <div class="tips">点击浏览器打开<br>下载{$appName}</div>
</div>
<div class="dialog-box hidden">
    <div class="dialog-overlay"></div>
    <div class="dialog-container">
        <div class="dialog-container-body">
            <div class="dialog-header">
                <div class="title">选择下载线路</div>
                <button type="button" class="btn-close"></button>
            </div>
            <div class="dialog-body ios-download-body">
                <div class="ios-download-tips">所有线路都可以下载，任选一个即可</div>
                <div class="ios-download-options">
                    <a href="javascript:;" onclick="openApp()" data-stats="iOS,download,AppStore"
                       rel="nofollow" class="item item-speed"><i class="icon-speed"></i>
                        <div class="name">{$appName}</div><i class="icon-down"></i>
                        <div class="text">下载</div>
                    </a>
                    <a href="javascript:;" onclick="openApp()" rel="nofollow"
                       data-stats="iOS,download,enterprise" class="item item-logo"><i class="icon-logo"></i>
                        <div class="name">{$appName}会员版</div><i class="icon-down"></i>
                        <div class="text">下载</div>
                    </a>
                    <div class="ios-install-tips">
                        <div class="content">仅男士VIP可下载会员版</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="wx-remind" style="display: none;"><i class="icon"></i>
    <div class="tips">点击浏览器打开</div>
</div>
</body>
<script>

    window.onload = function () {
        const effectiveType = window.navigator.connection.effectiveType;

        const netWorkDownlink = navigator.connection.downlink;

        if (navigator.connection && navigator.connection.onchange === null) {
            navigator.connection.οnchange=function(){
                if (netWorkDownlink !== navigator.connection.downlink || navigator.connection.rtt === 0) {
                    //网络断开
                    location.href = "";
                    alert('请使用' + effectiveType + '才能下载')
                } else if (netWorkDownlink === navigator.connection.downlink || navigator.connection.rtt !== 0) {
                    //连接到网络
                    /*document.write(window.navigator.connection.type)*/
                }
            }
        }
    }

    //检测是否是扣扣浏览器
    function isQQBrowser()
    {
        var u = navigator.userAgent,
            app = navigator.appVersion;

        if(u.indexOf('MicroMessenger') >-1){
            document.getElementById("weixin").style.display="block";
        }else{
            document.getElementById("wrap").style.display="block";
        }
    }

    function openApp()
    {
        var u = navigator.userAgent, app = navigator.appVersion;
        var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

        if(ios){
            location.href = "{$config.appurl}";
        }else{
            location.href = "{$config.anzhuourl}";
        }
    }

    var codeurl = '{$appSite}';
    var qrcode = new QRCode(document.getElementById("qrcode"), {
        text: codeurl,
        width: 80,
        height: 80,
        colorDark: "#000000",
        colorLight: "#ffffff",
    });

    var qrcode1 = new QRCode(document.getElementById("downloadQrcode"), {
        text: codeurl,
        width: 80,
        height: 80,
        colorDark: "#000000",
        colorLight: "#ffffff",
    });
</script>
</html>